
<template>
	<div class="app-container">
		<el-row style="width: 100%">
			<el-col :span="5">
				<!-- <bts></bts> -->
				<AsideContent></AsideContent>
			</el-col>
			<ContentEdit></ContentEdit>
			<!-- <el-col :span="12" >
          <div class="contain-box" >
            
          </div>
        </el-col> -->
		</el-row>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import bts from './components/index'
import AsideContent from './ContentCharts/index.vue'
import ContentEdit from './ContentEdit/index.vue'
import { usePackagesStore } from '@/store/modules/packageStore/index'
let shows = ref(false)
let usePackage = usePackagesStore()
function drgenter(e) {
	console.log(e)
	e.preventDefault()
	// e.stopPropagation()
	const component = e.dataTransfer.getData('index')
	shows.value = component == 'aa'
	console.log(component)
	console.log(e)
}
function dragOver(e) {
	e.preventDefault()
	// e.stopPropagation();
	const dd = e.dataTransfer.getData('index')
	console.log(dd)
}
</script>
<style lang="scss" scoped>
.app-container {
	min-height: calc(100vh - 84px);
	background-color: #f4f7ff;
	padding: 20px;
}
.contain-box {
	width: 600px;
	min-height: calc(100vh - 84px);
	// background: #01ffff;
}
</style>
